html {overflow-x: hidden;}
img {max-width: 100%;}
.bigeye-img {width: 100%;}
.slick-arrow {z-index: 1;}
.slick-prev {left: 5px;}
.slick-next {right: 5px;}
.slick-dots {bottom: 10px;}
.slick-dots li button:before {color: #fff;opacity: .35;}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}


.index-page {}
.index-page .introduce {}
.index-page .introduce h3 {}
.index-page .introduce p {font-size: 12px;text-indent: 2em;margin-bottom: 10px;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.mb-1 {margin-bottom: 1em;}
.mb-2 {margin-bottom: 2em;}
.mb-3 {margin-bottom: 3em;}
.mb-4 {margin-bottom: 4em;}
.mb-5 {margin-bottom: 5em;}
.mb-6 {margin-bottom: 6em;}
.mb-7 {margin-bottom: 7em;}
.mb-8 {margin-bottom: 8em;}
.full-width {width: 100%;}
.hr {height: 1px; width: 100%;background-color: #c7c7c7;margin: 15px 0;}

.slick-slide > img {width: 100%;}

.fwln {background-color: #ededed;border-top: 1px solid #333; background: #ededed;}
.fwln .container {padding: 3em 55px;background: url(../img/fwln-bg.png) no-repeat 75px 30px;}
.fwln .col-sm {padding-left: 103px;height: 142px;}
.fwln h2 {font-size: 14px;    margin-top: 13px;}
.fwln p {font-size: 12px;line-height: 180%;}

.intro4 {text-align: center;padding: 40px 0;background-color: #fff;}
.intro4 h2 {font-size: 18px;}
.intro4 .col-sm {padding: 20px 30px;}
.intro4 .col-sm:nth-child(odd)  {padding-top: 64px;}
.intro4 .col-sm img {margin: 15px 0;}
.intro4 p {text-align: left;font-size: 14px;}
.intro4 .red {background-color: #b52026;}
.intro4 .red {background-color: #b52026;color: #fff;}

footer {background-color: #000;color: #c7c7c7;}
footer .container {padding: 80px 0 20px;}
footer .indent {padding-left: 2em;}
footer h5, footer p, footer .indent {font-size: 14px;}
footer .yellow {color: #ffff02;font-size: 24px;}



.intro-page {}
.intro-page .yrln {background: #353535;padding: 80px 0;}
.intro-page .banner-2 {padding: 30px 0;}
.intro-page .timeline {background: url(../img/intro-timeline.jpg) no-repeat center top/cover;padding: 50px 0;}
.intro-page .timeline .container {position: relative;}
.intro-page .timeline span {position: absolute;background: rgba(255,255,255,0.1);width: 100%;min-height: 50px;left: 0;}
.intro-page .timeline span:hover {background: rgba(255,255,255,0.3);}
.intro-page .timeline span.f1 {top: 120px;height: 80px;}
.intro-page .timeline span.f2 {top: 279px;height: 117px;}
.intro-page .timeline span.f3 {top: 540px;height: 126px;}
.intro-page .timeline span.f4 {top: 764px;height: 108px;}

.contact-page {}
.contact-page .bread {background: #777777;color: #fff;padding: 10px;font-size: 14px;}

.product-page {}
.product-page .sales {}
.product-page .title {border-top: 2px solid #a40019;margin-bottom: 10px;}
.product-page .sales .col-sm {border: 13px solid #000;}
.product-page .sales .col-sm:not(:last-child) {border-right: none;}

.merchant-page {}
.merchant-page table .thead-dark th {background-color: #4c4c4c; border-color: #32383e;padding: 10px 3em;}
.merchant-page table td {background-color: #b2b2b2; padding: 10px 3em;}
.merchant-page table tr td:nth-child(9n + 2) {background-color: #e5e5e5; padding: 10px 3em;}


